<template>
	<view class="container">
		<u-navbar :autoBack="true" bgColor="#f5f5f5">
		</u-navbar>
		<view class="product-container" :style="{ height: productRefHeight }" ref="productRef" id="productRef">
			<u-empty   text='商品已下架' width='160.2px' height='151.02px' v-if="goodsType=='1'"
				icon="https://dnsverify.pfmoto.com/appstatic/img/my/my_order_no_data.png">
			</u-empty>
			<u-empty   text='秒杀已结束' width='122.47px' height='129.44px' v-else-if="goodsType=='2'"
				icon="https://dnsverify.pfmoto.com/appstatic/img/my/my_miaosha_no_data.png">
			</u-empty>
			<!-- <u-empty   text='活动已结束' width='100px' height='100px'
				icon="https://dnsverify.pfmoto.com/appstatic/img/my/my_activity_no_data.png">
			</u-empty> -->
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const dialog = require("@/utils/dialog.js");
	import GoodsSwiper from "./component/-goods-swiper.vue"; //轮播图组件
	import Evaluation from "./component/-evaluation"; //评价组件
	import popupGoods from "./component/goods-popup/goods"; //购物车商品的模块
	import parser from "@/components/jyf-parser/jyf-parser";

	export default {
		components: {
			GoodsSwiper,
			Evaluation,
			popupGoods,
			"jyf-parser": parser
		},
		data() {
			return {
				productRefHeight: '222px',
				goodsType:''

			}
		},
		onLoad(options) {
			this.goodsType = options.goodsType
		},
		onShow() {
			var that = this
			this.$nextTick(function() {
				that.$refs.paging.reload();
			})


		},
		mounted() {
			const {
				windowHeight
			} = uni.getSystemInfoSync();
			this.productRefHeight = windowHeight  - app.globalData.navigationBarHeight  + "px";
		
		},
		methods: {
			 


		}
	}
</script>

<style>
	/* page{
		background-color: #E5E5E5;
	} */
	page {
		background-image: url(https://pfmotortest.hb4oss.xstore.ctyun.cn/appstatic/img/my_logo_bg.png);
		width: 100%;
		height: 100%;
		background-repeat: space;
		background-size: 100%;
	}
</style>
<style scoped lang="scss">
	.scroll-page {
		width: 100%;
		height: 100%;
	}
.product-container{
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content: center;
	
	
}
	// 商品详情
	.content-container {
		// background-color: #E5E5E5;

		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: space-between;
		box-sizing: border-box;
	}

 

	/deep/.eva-section {
		background: #00000000;
	}
</style>
